<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
    <title>{$data.title ?? $system.title.value}</title>
    <meta charset="utf-8">
    <meta name="keywords" content="{$data.key ?? $system.keywords.value}" />
    <meta name="description" content="{$data.miaoshu ?? $system.description.value}">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <link rel="icon" href="__ROOT__/uploads/image/{$system.ICO.value}"/>
    <link rel="stylesheet" href="__STATIC__/hanbang/css/jquery.fullPage.css">
    <link rel="stylesheet" href="__STATIC__/hanbang/css/style.css">
    {block name="css"}{/block}
</head>


<body>

<!-- 移动版.导航菜单关闭图标 -->
<div class="nav"><a href="javascript:void(0)" class="act"></a></div>

<!-- 头部 -->
<div class="tongl">
    <!-- Logo -->
    <div class="hblogo">
        <a href="index.html"><img src="__ROOT__/uploads/image/{$system.LOGO.value}"/></a>
    </div>
    <!-- #Logo -->

    <!--导航-->
    <div class="navtop2">
        <ul>
            <li><a href="{:request()->root(true)}">首页<br>HOME</a></li>
            {volist name="nav" id="vo" length="8"}
            <li><a href="{eq name='vo.type' value='link'}{$vo.link}{else/}{:url('/index', [$vo['model'] => 'index', 'navid' => $vo['id']])}{/eq}" >{$vo.name}<br>{$vo.Ename}</a> </li>
            {/volist}
        </ul>
    </div>
    <!--导航-->
</div>
<!-- #头部 -->

{block name="gundong"}{include file="public:_gundong"}{/block}

{block name="main"}{/block}
<!-- 联系方式 -->
<div class="sidebar">
    <ul>
        <li>
            <a href="javascript:void(0)" target="_blank">
                <img src="__STATIC__/hanbang/images/fdtel-1.png">
                <span>{$system.advisory.value}</span>
            </a>
        </li>
        {volist name="online" id="vo"}
        <li>
            <a href="http://wpa.qq.com/msgrd?v=3&amp;uin={$vo.QQ}&amp;site=qq&amp;menu=yes" target="_blank">
                <img alt="{$vo.name}" border="0" src="__STATIC__/hanbang/images/qq.png" title="{$vo.name}">
                <span>{$vo.name}</span>
            </a>
        </li>
        {/volist}
        <li>
            <a href="#page1">
                <img src="__STATIC__/hanbang/images/up-1.png">
                <span>返回顶部</span>
            </a>
        </li>
    </ul>
</div>

{block name="foot"}
<!-- 底部 -->
<footer class="footers">

    <div class="container">

        <div class="code">
            <img src="__ROOT__/uploads/image/{$system.code.value}" />
            <p>扫一扫, 关注我们</p>
        </div>

        <div class="cont">

            <p>地址: {$system.footaddress.value}</p>
            <p>{$system.foottel.value}</p>
            <p>{$system.copyright.value}</p>
        </div>

        <div class="ctel">
            <img src="__STATIC__/hanbang/images/ctel.png" />
            <div class="ctel-text">
                <font>24小时全国统一免费服务热线 :</font>
                <br>
                <span>{$system.advisory.value}</span>
            </div>
        </div>

    </div>

</footer>
<!-- #底部 -->

{/block}
<!-- #联系方式 -->
{block name="js"}{/block}
<!-- #移动版.首页 -->

<!-- 移动版.菜单导航 -->
<div id="l_dhzk">
    <ul>

        {volist name="nav" id="vo" length="8"}
        <a href="{:url('/index', [$vo['link'] => 'index', 'navid' => $vo['id']])}">
            <li class="l_dhzk01">
                <div class="l_dhzkhxtop"></div>
                <div class="l_dhzkhxbottom"></div>
                <div class="l_dhzkhxleft"></div>
                <div class="l_dhzkhxright"></div>
                <div class="l_dhzkconnr">
                    <div class="dhico dhico01"></div>
                    <h3>{$vo.name}</h3>
                    <p>{$vo.name}</p>
                    <i></i>
                </div>
            </li>
        </a>
        {/volist}

    </ul>
</div>
<!-- #移动版.菜单导航 -->

<!-- 手机移动.统一调用JS.菜单导航 -->
<script type="text/javascript">
    $(document).ready(function () {
        $('#l_dhzk ul li').hover(function () {
            $(".l_dhzkhxtop", this).stop().animate({width: '100%'}, {queue: false, duration: 1000});
            $(".l_dhzkhxbottom", this).stop().animate({width: '100%'}, {queue: false, duration: 1000});
            $(".l_dhzkhxleft", this).stop().animate({height: '100%'}, {queue: false, duration: 1000});
            $(".l_dhzkhxright", this).stop().animate({height: '100%'}, {queue: false, duration: 1000});
            $(this).addClass("active");
        }, function () {
            $(".l_dhzkhxtop", this).stop().animate({width: '0px'}, {queue: false, duration: 1000});
            $(".l_dhzkhxbottom", this).stop().animate({width: '0px'}, {queue: false, duration: 1000});
            $(".l_dhzkhxleft", this).stop().animate({height: '0px'}, {queue: false, duration: 1000});
            $(".l_dhzkhxright", this).stop().animate({height: '0px'}, {queue: false, duration: 1000});
            $(this).removeClass("active");
        });
    });
</script>

<script>
    $(function () {
        var allHeight = $(window).height();
        $("#l_dhzk").css("height", allHeight + "px");
        $("#l_dhzk ul li").css("height", allHeight / 2 + "px");
        $(".l_dhzkhxbottom").css("top", allHeight / 2 - 4 + "px");
    });
</script>

<script>
    window.onload = function () {
        var allHeight = document.documentElement.clientHeight;
        $("#l_dhzk").css("height", allHeight + "px");
        $("#l_dhzk ul li").css("height", allHeight / 2 + "px");
        $(".l_dhzkhxbottom").css("top", allHeight / 2 - 4 + "px");
    };
    window.onresize = function () {
        var allHeight = document.documentElement.clientHeight;
        $("#l_dhzk").css("height", allHeight + "px");
        $("#l_dhzk ul li").css("height", allHeight / 2 + "px");
        $(".l_dhzkhxbottom").css("top", allHeight / 2 - 4 + "px");
    };

</script>
<!-- #手机移动.统一调用JS.菜单导航 -->

</body>
</html>